<style lang="scss">
.home {
  width: 100%;
  height: 100%;
  .home-main {
    height:100%;
    min-height:550px;
    .home-header {
      // margin-bottom: 50px;
      height:30%;
      text-align: center;
      position: relative;
      .home-header-box{
        width:1200px;
        margin:0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom:15%;
      }
      .text {
        display: inline-block;
        margin-left: 10px;
        font-size: 20px;
        color: #00799e;
      }
    }
    .home-content {
      position: relative;
      width: 100%;
      height: 28%;
      .home-content-box{
            width:1200px;
            margin:0 auto;
            height:100%;
            display: flex;
            justify-content: center;
            align-items: Center;
            background:url("/static/image/bg1.png") left -12px no-repeat,url("/static/image/bg2.png") right center no-repeat;
            background-size:contain;
      }
      background: linear-gradient(
        180deg,
        rgba(3, 146, 207, 1) 0%,
        rgba(3, 146, 207, 1) 0%,
        rgba(2, 103, 147, 1) 100%,
        rgba(2, 103, 147, 1) 100%
      );
    }
    .home-copyright {
      // margin-top: 150px;
      height:42%;
      line-height:20em;
      text-align: center;
      .note {
        color: #666666;
        font-size: 14px;
      }
    }
  }
}
</style>
<template>
    <div class="home">
        <div class="home-main">
            <div class="home-header">
                <div class="home-header-box">
                    <img src="/static/image/logo.png">
                    <span class="text">(用药参考)</span>
                </div>
            </div>
            <div class="home-content">
                <div class="home-content-box">
                    <m-search class="home-content-search"></m-search> 
                </div>           
            </div>
            <div class="home-copyright">
                <span class="note">Copyright2017-2018 版权所有 不得转载 <a target="_blank" href="http://www.cicams.ac.cn/">中国医学科学院肿瘤医院</a></span>
            </div>
        </div>
    </div>
</template>

<script>
import mSearch from "@/components/search.vue";
export default {
  name: "home",
  data() {
    return {};
  },
  components: {
    mSearch
  }
};
</script>


